<template>
    <div class ='wekqunacontainer'>
        <p class ="p-title">周末去哪儿</p>
       <div class="item" v-for="item in weekendList" :key="item.imgUrl">
           <img :src="item.imgUrl" alt="">
       <p class ='item-title'>{{item.title}}</p>
       <p class ='item-content'>{{item.desc}}</p>
       </div>
       <div class="foot">
           <p><span class ='fa fa-info-circle'></span><strong>票面价</strong>是指通过景区指定窗口售卖的纸质门票上标注的价格</p>
       </div>
    </div>
</template>
<script>
export default {
    props:["weekendList"]
}
</script>
<style lang="less" scoped>
@font:100px;
.wekqunacontainer{
    font-size:14rem/@font;
    .foot{
        margin-top:10px;
        font-size:12rem/@font;
        background:#fff;
        height:40rem/@font; 
    }
   .p-title{
        font-size:15rem/@font;
        padding-left:15rem/@font;
        line-height:30rem/@font;
    }
    .item{
        width:100%;
        background-color: #fff;
        img{
            width:100%;
            height:116rem/@font;
        }
        p{
            padding-left:15rem/@font;
        }
        .item-content{
            font-size:12rem/@font;
            color:#999;
            margin-top:10rem/@font;
            margin-bottom:10rem/@font;
        }
    }
}
</style>

